<template>
	<view class="contina">
		<view class="top w">
			<view class="navTop"></view>
			<view class="topinfo">
				<image style="width: 100rpx;height: 100rpx;" src="../../static/image/lgoo.png"></image>
				<view class="info">
					<view class="login">
						{{this.show_phone?this.show_phone:'登录/注册'}}
					</view>
					<view class="addess">
						建筑施工企业 信息化管理就用云阔通建
					</view>
				</view>
			</view>
			<view class="card flex_a_c menu">
				<view class="item" @click="toUrl(1)">
					<image class="muImg" src="../../static/image/money.png"></image>
					<view>我的订单</view>
				</view>
				<view class="item" @click="toUrl(2)">
					<image class="muImg" src="../../static/image/money.png"></image>
					<view>发票管理</view>
				</view>
				<view class="item">
					<image class="muImg" src="../../static/image/money.png"></image>
					<view>优惠券</view>
				</view>
				<view class="item">
					<image class="muImg" src="../../static/image/money.png"></image>
					<view>券码兑换</view>
				</view>
			</view>
			<view class="card" style="box-shadow: 0px 2px 10px 0px rgba(153,153,153,0.2);">
				<view class="cellGr" @click="toPath(1)">
					<view class="lt">
						<image class="icon" src="../../static/image/lgoo.png"></image>
						<view class="name">
							我的企业
						</view>
					</view>
					<image class="rg" src="../../static/image/back.png"></image>
				</view>
			</view>
			<view class="card" style="box-shadow: 0px 2px 10px 0px rgba(153,153,153,0.2);">
				<view class="cellGr">
					<view class="lt">
						<image class="icon" src="../../static/image/lgoo.png"></image>
						<view class="name">
							操作指南
						</view>
					</view>
					<image class="rg" src="../../static/image/back.png"></image>
				</view>
				<view class="cellGr" style="margin-top: 50rpx;">
					<view class="lt">
						<image class="icon" src="../../static/image/lgoo.png"></image>
						<view class="name">
							专属客服
						</view>
					</view>
					<image class="rg" src="../../static/image/back.png"></image>
				</view>
				<view class="cellGr" style="margin-top: 50rpx;" @click="toPath(3)">
					<view class="lt">
						<image class="icon" src="../../static/image/lgoo.png"></image>
						<view class="name">
							意见反馈
						</view>
					</view>
					<image class="rg" src="../../static/image/back.png"></image>
				</view>
				<view class="cellGr" style="margin-top: 50rpx;" @click="toPath(4)">
					<view class="lt">
						<image class="icon" src="../../static/image/lgoo.png"></image>
						<view class="name">
							系统设置
						</view>
					</view>
					<image class="rg" src="../../static/image/back.png"></image>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			show_phone:''
		}
	},
	onShow() {
		this.show_phone =this.$fun.getCache('show_phone');
	},
	methods: {
		toPath(e) {
			// 1\我的企业
			// 2\企业信息
			// 3\意见反馈
			// 4\系统设置
			switch (e) {
				case 1:
					uni.navigateTo({
						url: "/pagesA/myEntetiy/myEntetiy"
					})
					break;
				case 2:
					uni.navigateTo({
						url: "/pagesB/EntetiyInfo/EntetiyInfo"
					})
					break;
				case 3:
					uni.navigateTo({
						url: "/pagesB/feedback/feedback"
					})
					break;
				case 4:
					uni.navigateTo({
						url: "/pagesB/syssetting/syssetting"
					})
					break;
			}
		},
		toUrl(e) {
			// 1\我的订单 2\发票管理
			switch (e) {
				case 1:
					uni.navigateTo({
						url: "/pagesB/myorder/myorder"
					})
					break;
				case 2:
					uni.navigateTo({
						url: "/pagesB/myinvoice/myinvoice"
					})
					break;
			}
		},
	}
}
</script>

<style lang="scss" scoped>
.contina {

	.top {
		background-image: linear-gradient(#CFE1FC, #FDFDFD);

		.topinfo {
			display: flex;
			margin-top: 34rpx;

			.info {
				margin-left: 30rpx;

				.login {
					font-size: 32rpx;
					font-weight: 400;
					color: #000000;
				}

				.addess {
					margin-top: 12rpx;
					font-size: 24rpx;
					font-weight: 400;
					color: #999999;
				}
			}
		}

		.menu {
			justify-content: space-between;
			margin-top: 50rpx;
			box-shadow: 0px 2px 10px 0px rgba(153, 153, 153, 0.2);

			.item {
				display: flex;
				justify-content: center;
				align-items: center;
				flex-direction: column;

				.muImg {
					width: 56rpx;
					height: 56rpx;
				}

				view {
					font-size: 28rpx;
					font-weight: 400;
					color: #000000;
					margin-top: 15rpx;
				}
			}
		}

		.cellGr {
			width: 100%;
			display: flex;
			align-items: center;

			.lt {
				display: flex;
				align-items: center;
				flex: 1;

				.icon {
					width: 48rpx;
					height: 48rpx;
				}

				.name {
					margin-left: 20rpx;
					font-size: 32rpx;
					font-weight: 400;
					color: #000000;
				}
			}

			.rg {
				width: 16rpx;
				height: 32rpx;
			}
		}
	}
}
</style>
